.planning-menu{
 padding:10px}

.planning-menu-right{
 float:right}

.planning-menu-right ul.tab li{
 margin:0 0 0 10px}

.planning-menu-right ul.tab li a.ics {
 background: url(icon/ics.png) no-repeat 6px 3px;
 padding-left: 35px;
}

.planning .frametab{
 padding-bottom:0}

.planning .planning-heures, .planning .planning-jours{
 float:left}

.planning .planning-jour, .planning .planning-jour-selected,.planning-jour-desactived, .planning .planning-heures{
 float:left;
 border-right:1px solid #093c75;
 width:135px;
 padding:3px 0;
 position:relative;
 text-align:center}

.planning .selected{
 background:#cef;
 background:-moz-linear-gradient(90deg,#cef,#f7f8fa);
 background:-webkit-gradient(linear,left top,left bottom,from(#f7f8fa),to(#cef))}


.planning .desactived{
 background:#ccc;
 background:-moz-linear-gradient(90deg,#ccc,#eee);
 background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc))}

.planning .planning-titre{
 font-weight:bold;
 color:#093c75;
 text-shadow:0 1px 1px #fff;
 padding:0 0 7px 0;
 font-size:11px;
 background:#79bee0;
 background:-moz-linear-gradient(90deg,#79bee0,#f7f8fa);
 background:-webkit-gradient(linear,left top,left bottom,from(#f7f8fa),to(#79bee0))}

.planning .planning-heures{
 width:31px;
 padding-top:3px;
 text-align:left;
 font-size:10px}

.planning .heure, .planning .demi-heure{height:17px}
.planning .heure{border-top:1px solid #888}
.planning .demi-heure{border-top:1px dotted #bbb}
.planning-heures .heure, .planning-heures .demi-heure{padding-top:6px; height:11px}
.planning-heures .heure{color:#aaa}
.planning-heures .demi_heure{color:#777}

.planning .cours{
 position:absolute;
 top:0;
 left:0;
 border:1px solid #555;
 background:#AAA;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -khtml-border-radius:3px;

 font-size:80%;
 cursor:pointer;

 opacity:.85;
 -moz-opacity:.85;
 -webkit-opacity:.85;
 filter:alpha(opacity=85);

 margin:0 2px}

.planning .cours:hover{
 opacity:1;
 -moz-opacity:1;
 -webkit-opacity:1;
 filter:alpha(opacity=100)}

.planning .cours .container{
 position:relative;
 height:100%;
 width:129px}

.planning .cours .horaire,.planning .cours .salle,.planning .cours .groupe{
 text-align:right;
 font-size:95%;
 position:absolute;
 right:1px}

.planning .cours .horaire{
 top:1px}

.planning .cours .salle{
 bottom:1px}

.planning .cours .groupe{
text-align:left;
left:1px;
bottom:1px;}

.planning .cours .groupe{
text-align:left;
left:1px;
bottom:1px;}

.planning .cours .nom-cours{
 text-align:center;
 font-weight:bold;
 position:absolute}

.planning .cours .enseignant{
 font-style:oblique;
 font-weight:normal;
 padding-top:3px}

.planning .cours .icon_edit, .planning .cours .icon_delete {
display:block;
float:left;
width:12px;
height:12px;
background-position:50% 0;
margin-top:2px;
}

.planning .cours .icon_edit:hover, .planning .cours .icon_delete:hover {
background-position:0 -12px;
}

.planning .cours .icon_edit {
 background-image:url(icon/little_edit.png);
 margin-left:2px;
}
.planning .cours .icon_delete {
 background-image:url(icon/little_delete.png);
 margin-left:2px;
}